<%
var styleSection = {
%>
<style>
    #page-index {
        width: 100%;
        height: 100%;
        background: #f0f0f8;
        font-size: 14px;
    }

    .page-item-outer {
        display: -webkit-flex;
        display: flex;
        width: 99%;
        margin: 0 auto;
    }

    .page-item {
        position: relative;
        margin: 10px 5px 0;
        background: #fff;
        box-sizing: border-box;
        border-radius: 3px;
        /*display: inline-block;*/
    }

    .page-item-1 {
        flex: 1;
    }

    .page-item-2 {
        flex: 2;
    }

    .page-item-title {
        border-bottom: 1px #999 solid;
        padding: 10px 15px;
    }

    .page-item-title-name {
        display: inline-block;
        font-weight: bold;
        font-size: 15px;
    }

    .page-item-title-btn {
        float: right;
    }

    .page-item-title-btn a {
        text-decoration: none;
        color: #333;
        cursor: pointer;
    }

    .menu-item {
        display: inline-block;
        width: 120px;
        text-align: center;
        padding: 15px 0;
        cursor: pointer;
    }
    .menu-item .menu-item-name {
        margin-top: 10px;
    }
</style>
<%};%>
<%
var scriptSection={
%>
<script type="text/javascript" src="${ctxPath}/script/sys/index/index.js?version=${version}"></script>
<%};%>
<%
var bodySection={
%>
<div id="page-index">
    <div class="page-item-outer">
        <div class="page-item page-item-1">
            <div class="page-item-title">
                <div class="page-item-title-name">我的菜单</div>
                <div class="page-item-title-btn">
                    <a id="favorite-menu-add">添加</a>
                </div>
            </div>
            <div class="page-item-body">
                <div class="menu-favorite" id="menu-favorite">
                </div>
                <template id="menu-favorite-item-template">
                    <div class="menu-item">
                        <div class="menu-item-img">
                            <i class="fa fa-4x"></i>
                        </div>
                        <div class="menu-item-name"></div>
                    </div>
                </template>
            </div>
        </div>
    </div>
</div>
<%};%>
<%
include("/_share/manage-default.html",{title:"首页显示",styleSection:styleSection,bodySection:bodySection,libScriptSection:null,scriptSection:scriptSection}){}
%>